// 点击退出按钮
$('.logout').click(function() {
        // 弹出提示框是否确认退出
        layer.confirm('是否确认退出?', { icon: 3, title: '提示' }, function(index) {
            //do something
            localStorage.removeItem('token');
            location.href = '/login.html';
            // 关闭提示页
            layer.close(index);
        });
    })
    // 创建一个调用用户信息的函数
function initUserInfo() {
    axios.get('/my/userinfo').then(({ data: res }) => {

        readerUserInfo(res.data)
    }, (error) => {
        // console.dir(error
        if (error.response.status === 401) {
            localStorage.removeItem('token')
            location.href = '/login.html'
        }
    })
}

function readerUserInfo(res) {
    // 渲染头部
    const uname = res.nickname || res.username
    const textAvatar = uname.charAt(0).toUpperCase()
        // console.log(res)
    if (res.user_pic) {

        // 用户有自己的头像
        $('#header-avatar').html(` <img src="${res.user_pic}" class="layui-nav-img">
            个人中心`);
        // console.log($('#image'))
    } else {

        // 用户没有自己的头像
        $('#header-avatar').html(`
            <div class="text-avatar">${textAvatar}</div>
            个人中心`)
    }
    // 渲染侧边栏
    if (res.user_pic) {

        // 用户有自己的头像
        $('.user-info-box').html(`<img src="${res.user_pic}" class="layui-nav-img">
      <span class="welcome">&nbsp;欢迎&nbsp; ${uname}</span>`)
    } else {

        // 用户没有自己的头像
        $('.user-info-box').html(`
      <div class="text-avatar">${textAvatar}</div>
      <span class="welcome">&nbsp;欢迎&nbsp; ${uname}</span>`)
    }
    layui.element.render('nav', 'header-nav')
}
initUserInfo()